.float-right{
    float: right;
}
.float-left{
    float: left;
}
.clearfix{
    &:before,
    &:after {
        content: " ";
        display: table;
        clear: both;
    }
}
.d-block{
    display: block !important;
}
.d-inline-block{
    display: inline-block !important;
}
.d-table{
    display: table !important;
}
.d-flex{
    display: flex !important;
}
.d-flex.between{
    justify-content: space-between;
}
.d-flex.around{
    justify-content: space-around;
}
.d-flex.wrap{
    flex-wrap: wrap;
}
.pointer{
    cursor: pointer;
}

.w-100b{
    width: 100%;
}
.w-100{
    width: 100px !important;
}
.w-200{
    width: 200px;
}
.w-300{
    width: 300px;
}
.underline{
    text-decoration: underline;
}
.bg-fff{
    background: #fff;
}
.color-fff{
    color: #fff;
}
.color-666{
	color: #666;
}
.color-ddd{
	color: #ddd;
}
.color-999{
	color: #999;
}
.color-333{
	color: #333;
}
.color-000{
	color: #000;
}
.color-yellow{
    color: $warning-color;
}
.color-red{
    color: $error-color;
}
.color-blue{
    color: $primary-color;
}
.line-height-26{
	line-height: 26px;
}
.line-height-36{
	line-height: 36px;
}
.text-center{
    text-align: center;
}
.font-12{
    font-size: 12px;
}
.font-14{
    font-size: 14px;
}
.font-16{
    font-size: 16px;
}
.auto-90{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.border-radius{
	border-radius: 6px;
}
.box-shadow{
	box-shadow: 0 0 2px 1px #eee;
}

.substr-line-1{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.substr-line-more{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.relative{
    position:relative ;
}

.bg-fff-alpha7{
    background: rgba($color: #fff, $alpha: .7)
}

.text-wrap{
    word-break:break-all;
    word-break: normal;
}